<template>
	<satri-page :padding="20">
		<satri-card label="基础用法">
			<satri-captcha focus></satri-captcha>
		</satri-card>

		<satri-card label="其他数量">
			<satri-captcha :len="6" :gutter="10" :height="100"></satri-captcha>
		</satri-card>

		<satri-card label="自动完成">
			<satri-captcha v-model="val" @done="onDone"></satri-captcha>
		</satri-card>
	</satri-page>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { useUi } from "/$/satri-ui";

const ui = useUi();

const val = ref("");

function onDone() {
	ui.showToast(val.value);
}
</script>
